/* Normalizes margin,padding */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Normalizes font-size for headers */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%
}

/* Removes list-style from lists */
ol,
ul {
    list-style: none
}

/* Normalizes font-size and font-weight to normal */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-size: normal;
    font-weight: normal
}

/* Removes list-style from lists */
table {
    border-collapse: collapse;
    border-spacing: 0
}

/* Removes border from fieldset and img */
fieldset,
img {
    border: 0
}

/* Left-aligns text in caption and th */
caption,
th {
    text-align: left
}

/* Removes quotation marks from q */
q:before,
q:after {
    content: ''
}

.body {
    font-family: Microsoft Yahei UI;
    font-size: 0.16rem;
    color: rgba(51, 51, 51, 1);
}

.html {
    width: 100%;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

@media (min-width: 375px) {
    html {
        font-size: 31.25px;
    }
}

@media (min-width: 384px) {
    html {
        font-size: 32px;
    }
}

@media (min-width: 400px) {
    html {
        font-size: 33.33333333px;
    }
}

@media (min-width: 414px) {
    html {
        font-size: 34.5px !important;
    }
}


@media (min-width: 480px) {
    html {
        font-size: 40px !important;
    }
}

@media (min-width: 540px) {
    html {
        font-size: 45px !important;
    }
}

@media (min-width: 640px) {
    html {
        font-size: 53.33333333px !important;
    }
}

@media (min-width: 720px) {
    html {
        font-size: 60px !important;
    }
}

@media (min-width: 750px) {
    html {
        font-size: 62.5px !important;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 64px !important;
    }
}

@media (min-width: 960px) {
    html {
        font-size: 80px !important;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 82.26666667px !important;
    }
}

@media (min-width: 1080px) {
    html {
        font-size: 90px !important;
    }
}

@media (min-width: 1160px) {
    html {
        font-size: 96.66px !important;
    }
}

@media (min-width: 1199px) {
    html {
        font-size: 100px !important;
    }
}

@media (min-width: 1399px) {
    html {
        font-size: 116.66px !important;
    }
}

//** index 页面移动端样式 0 - 1399
// @media screen and (min-width: 1260px) {

//     // 版心宽度
//     .wCenter {
//         width: 12.6rem;
//         margin: 0 auto;
//         overflow: hidden;
//     }

//     // 版心
//     .w {
//         width: 12.6rem;
//         margin: 0 auto;
//         overflow: hidden;
//     }

// }


//** index 页面移动端样式 0 - 1399
// @media screen and (max-width: 1259px) {

//     // 版心宽度
//     .wCenter {
//         width: 100%;
//     }

//     // 版心
//     .w {
//         width: 100%;
//     }
// }